<template>
  <div
    class="fixed top-[45%] right-0 ma w-30px border-rd-l-1.5 h-40px flex items-center justify-center bg-[var(--el-color-primary)] cursor-pointer z-10"
    @click="drawer = true"
  >
    <EcoIcon icon="el-icon-Setting" color="#fff" />
    <el-drawer v-model="drawer" size="350px" :z-index="999">
      <template #header>
        <span class="text-16px font-700">全局布局配置</span>
      </template>
      <div class="text-center">
        <ElDivider>
          <el-icon class="mr-1"><Notification /></el-icon>布局
        </ElDivider>
        <LayoutPicker />
        <ElDivider>
          <el-icon class="mr-1"><Setting /></el-icon>界面配置
        </ElDivider>
        <Interface />
        <ElDivider>
          <el-icon class="mr-1"><Setting /></el-icon>全局主题
        </ElDivider>
        <ThemeDrawer />
      </div>
    </el-drawer>
  </div>
</template>
<script lang="ts" setup>
const drawer = ref(false)
</script>
